<div class="card border-info m-3">
    <h5 class="card-header bg-info text-white">修改</h5>
    <div class="card-body">
        <h5 class="card-title">基础信息</h5>
        <p class="card-text">请按内容提示，录入相关信息。</p>
        <div class="row mb-3">
            <div class="col-6">
                <ng-select placeholder="上级菜单"
                           class="border-info"
                           bindLabel="serName"
                           bindValue="uuid"
                           [items]="parentDomains"
                           [(ngModel)]="domain.parentId">
                </ng-select>
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">菜单编码</button>
                    </div>
                    <input type="text" class="form-control border-info" [(ngModel)]="domain.serCode">
                </div>
                <span class="badge badge-danger" *ngIf="errRes.error?.detail['SysMenu.serCode'] !== null">{{errRes.error?.detail['SysMenu.serCode']}}</span>
            </div>
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">菜单名称</button>
                    </div>
                    <input type="text" class="form-control border-info" [(ngModel)]="domain.serName">
                </div>
                <span class="badge badge-danger" *ngIf="errRes.error?.detail['SysMenu.serName'] !== null">{{errRes.error?.detail['SysMenu.serName']}}</span>
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">菜单链接</button>
                    </div>
                    <input type="text" class="form-control border-info" [(ngModel)]="domain.serUri">
                </div>
                <span class="badge badge-danger" *ngIf="errRes.error?.detail['SysMenu.serUri'] !== null">{{errRes.error?.detail['SysMenu.serUri']}}</span>
            </div>
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">菜单图标</button>
                    </div>
                    <input type="text" class="form-control border-info" [(ngModel)]="domain.serIco">
                </div>
                <span class="badge badge-danger" *ngIf="errRes.error?.detail['SysMenu.serIco'] !== null">{{errRes.error?.detail['SysMenu.serIco']}}</span>
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">编号</button>
                    </div>
                    <input type="text" class="form-control border-info" [(ngModel)]="domain.serNum">
                </div>
                <span class="badge badge-danger" *ngIf="errRes?.error?.detail['SysMenu.serNum'] !== null">{{errRes?.error?.detail['SysMenu.serNum']}}</span>
            </div>
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">备注</button>
                    </div>
                    <input type="text" class="form-control border-info" [(ngModel)]="domain.serMemo">
                </div>
            </div>
        </div>
        <!--<div class="row mb-3">-->
            <!--<div class="col-6">-->
                <!--<div class="input-group">-->
                    <!--<div class="input-group-prepend w-25">-->
                        <!--<button class="btn btn-info border-info w-100" type="button">审核状态</button>-->
                    <!--</div>-->
                    <!--<input type="text" class="form-control border-info" [readonly]="true"-->
                           <!--[value]="domain.serAudit">-->
                    <!--<input type="hidden" class="form-control border-info" [readonly]="true"-->
                           <!--[(ngModel)]="domain.serAudit">-->
                <!--</div>-->
                <!--<span class="badge badge-danger" *ngIf="errRes?.error?.detail['SysMenu.serAudit'] !== null">{{errRes?.error?.detail['SysMenu.serAudit']}}</span>-->
            <!--</div>-->
            <!--<div class="col-6">-->
                <!--<div class="input-group">-->
                    <!--<div class="input-group-prepend w-25">-->
                        <!--<button class="btn btn-info border-info w-100" type="button">启用状态</button>-->
                    <!--</div>-->
                    <!--<div class="input-group-append w-75">-->
                        <!--<button btnCheckbox btnCheckboxTrue="ENABLE" btnCheckboxFalse="DISABLE" [disabled]="true"-->
                                <!--(click)="domain.serUsing = domain.serUsing === 'DISABLE' ? 'ENABLE' : 'DISABLE'"-->
                                <!--class="btn border-info w-100" type="button"-->
                                <!--[ngClass]="{'btn-primary': domain.serUsing === 'ENABLE', 'disabled btn-secondary': domain.serUsing === 'DISABLE'}">-->
                            <!--{{domain.serUsing === 'DISABLE' ? '禁用' : '启用'}}-->
                        <!--</button>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <div class="text-center mt-5">
            <button type="button" class="btn btn-outline-primary" (click)="func.update.req($event)">修改</button>
        </div>
    </div>
</div>

<span class="badge badge-info mr-3" *ngIf="errRes?.error?.timestamp !== null">response time: {{errRes?.error?.timestamp}}</span>

<div *ngIf="false">
    <p>{{errRes?.error}}</p>
    <p>{{errRes?.error?.code}}</p>
    <p>{{errRes?.error?.description}}</p>
    <p>{{errRes?.error?.theme}}</p>
    <p>{{errRes?.error?.timestamp}}</p>
    <p>{{errRes?.error?.detail?.RR?.duration}}</p>
    <p>{{errRes?.error?.detail['SysMenu.serNum']}}</p>
    <p>{{errRes?.error?.detail['SysMenu.serAudit']}}</p>
    <p>{{errRes?.error?.detail['SysMenu.serValid']}}</p>
    <p>{{errRes?.error?.detail['SysMenu.serValid2']}}</p>
    <p>{{errRes?.headers}}</p>
    <p>{{errRes?.message}}</p>
    <p>{{errRes?.name}}</p>
    <p>{{errRes?.ok}}</p>
    <p>{{errRes?.status}}</p>
    <p>{{errRes?.statusText}}</p>
    <p>{{errRes?.url}}</p>
</div>
